<template>
      <el-popover
        placement="top"
        width="160"
        v-model="visible">
        <p>确认删除本条记录[{{param.msg}}]？</p>
        <div style="text-align: right; margin: 0">
          <el-button size="mini" type="text" @click="visible = false">取消</el-button>
          <el-button type="primary" size="mini" @click="comfirm()">确定</el-button>
        </div>
        <el-link :icon="button.icon" type="danger" slot="reference">{{button.name}}</el-link>
      </el-popover>
</template>

<script>

    export default {
      props:['param','button','content'],
      name: "bt-delete",
      data() {
        return {
          visible: false,
        };
      },
      methods:{
        comfirm(){
          this.visible = false
          this.$emit('handleDelete',this.button,this.content)
        }
      }
    }
</script>

<style scoped>

</style>
